<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ezcomp="http://java.sun.com/jsf/composite/ezcomp">
    <ui:composition template="default_layout_with_menu.xhtml">

        <ui:define name="titulo-pagina">Dados da Oferta</ui:define>
        <ui:define name="content">
            <h:message/>
            <p:panel id="panelForm" header="Dados de Oferta" >
                <h:form enctype="multipart/form-data">
                    <h:panelGrid columns="3" cellspacing="15" >

                        <h:outputLabel value="Titulo:" for="titulo" />
                        <p:editor value="#{ofertaJsfBean.oferta.titulo}" id="titulo" widgetVar="editor" width="400"/>
                        <p:message for="titulo"/>

                        <h:outputLabel value="Descrição Resumida:" for="descricaoAbreviada" />
                        <p:editor value="#{ofertaJsfBean.oferta.descricaoAbreviada}" id="descricaoAbreviada" widgetVar="editor" width="400"/>
                        <p:message for="descricaoAbreviada"/>

                        <h:outputLabel value="Descrição:" for="descricao" />
                        <p:editor value="#{ofertaJsfBean.oferta.descricao}" id="descricao" widgetVar="editor" width="400"/>
                        <p:message for="descricao"/>

                        <h:outputLabel value="Inicio:" for="dtInicio" />
                        <p:calendar effect="slide" id="dtInicio" value="#{ofertaJsfBean.oferta.dtInicio}" />
                        <p:message for="dtInicio"/>

                        <h:outputLabel value="Fim:" for="dtFim" />
                        <p:calendar effect="slide" id="dtFim" value="#{ofertaJsfBean.oferta.dtFim}" />
                        <p:message for="dtFim"/>

                        <h:outputLabel value="Quantidade Mínima" for="quantidadeMinima" />
                        <h:inputText id="quantidadeMinima" value="#{ofertaJsfBean.oferta.nrQuantidadeMinima}" />
                        <p:message for="quantidadeMinima"/>

                        <h:outputLabel value="Quantidade Maxima" for="quantidadeMaxima" />
                        <h:inputText id="quantidadeMaxima" value="#{ofertaJsfBean.oferta.nrQuantidadeMinima}" />
                        <p:message for="quantidadeMaxima"/>

                    </h:panelGrid>

                    <p:tabView collapsible="true" >
                        <p:tab title="Imagens" >

                            <p:fileUpload fileUploadListener="#{ofertaJsfBean.upload}"
                                          mode="advanced"
                                          label="Procurar..."
                                          multiple="true"
                                          sizeLimit="204800"
                                          allowTypes="png,gif,jpg"/>
                            <p:spacer height="60"/>
                            <p:commandButton ajax="true" value="Atualizar listagem" action="#{ofertaJsfBean.atualizar}" update="tabela1" image="atualizar"/>

                            <p:dataTable id="tabela1" value="#{ofertaJsfBean.imagens}" var="item"
                                         emptyMessage="Nenhum registro cadastrado." >
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="IdCategoria"/>
                                    </f:facet>
                                    <h:outputText value="#{item.idImagem}"/>
                                </p:column>

                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Caminho"/>
                                    </f:facet>
                                    <h:outputText value="#{item.caminho}"/>
                                </p:column>

                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Nome"/>
                                    </f:facet>
                                    <h:outputText value="#{item.nmImagem}"/>
                                </p:column>

                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Ações"/>
                                    </f:facet>
                                    <ezcomp:imgActionDatatable bean="#{ofertaJsfBean}" tipo="edit"/>
                                    <ezcomp:imgActionDatatable bean="#{ofertaJsfBean}" tipo="del"/>
                                </p:column>
                            </p:dataTable>
                        </p:tab>

                        <p:tab title="Cidades Envolvidas" >

                            <p:pickList value="#{ofertaJsfBean.cities}"
                                        var="city"
                                        itemLabel="#{city}"
                                        itemValue="#{city}"
                                        removeLabel="Remover"
                                        removeAllLabel="Remover Todos"
                                        addAllLabel="Add Todos"
                                        addLabel="Adicionar"/>


                        </p:tab>
                    </p:tabView>



                    <h:panelGrid columns="2">
                        <p:commandButton value="Salvar" action="#{ofertaJsfBean.salva}" styleClass="botaoForm" ajax="false" image="salvar"/>
                        <ezcomp:navButton label="Cancelar" pagina="#{ofertaJsfBean.paginaListagem}" image="cancelar"/>
                    </h:panelGrid>
                </h:form>
            </p:panel>

        </ui:define>
    </ui:composition>

</html>

